﻿<UserControl x:Class="TheOliver.Controls.Book"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid x:Name="LayoutRoot" Background="#202020">
		<Canvas x:Name="PageTurnCanvas" Width="1040" Height="656" Visibility="Collapsed" HorizontalAlignment="Center">
			<Canvas.RenderTransform>
				<ScaleTransform x:Name="ZoomTransform" CenterX="520" CenterY="328" />
			</Canvas.RenderTransform>
			<!-- Spread 0 -->
			<Canvas x:Name="Spread0a" Canvas.Left="0" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image0a" Canvas.Left="8" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="488" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource LeftShadow}" />
			</Canvas>
			<Canvas x:Name="Spread0b" Canvas.Left="520" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image0b" Canvas.Left="0" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="0" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource RightShadow}" />
			</Canvas>

			<!-- Spread 1 -->
			<Canvas x:Name="Spread1a" Canvas.Left="0" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image1a" Canvas.Left="8" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="488" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource LeftShadow}" />
			</Canvas>
			<Canvas x:Name="Spread1b" Canvas.Left="520" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image1b" Canvas.Left="0" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="0" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource RightShadow}" />
			</Canvas>

			<!-- Spread 2 -->
			<Canvas x:Name="Spread2a" Canvas.Left="0" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image2a" Canvas.Left="8" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="488" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource LeftShadow}" />
			</Canvas>
			<Canvas x:Name="Spread2b" Canvas.Left="520" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image2b" Canvas.Left="0" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="0" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource RightShadow}" />
			</Canvas>

			<!-- Spread 3 -->
			<Canvas x:Name="Spread3a" Canvas.Left="0" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image3a" Canvas.Left="8" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="488" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource LeftShadow}" />
			</Canvas>
			<Canvas x:Name="Spread3b" Canvas.Left="520" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image3b" Canvas.Left="0" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="0" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource RightShadow}" />
			</Canvas>

			<!-- Spread 4 -->
			<Canvas x:Name="Spread4a" Canvas.Left="0" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image4a" Canvas.Left="8" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="488" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource LeftShadow}" />
			</Canvas>
			<Canvas x:Name="Spread4b" Canvas.Left="520" Canvas.Top="0" Width="520" Height="656" Background="White">
				<Image x:Name="Image4b" Canvas.Left="0" Canvas.Top="8" Width="512" />
				<Rectangle Canvas.Left="0" Canvas.Top="0" Width="32" Height="656" Fill="{StaticResource RightShadow}" />
			</Canvas>
		</Canvas>

		<!-- Caption bar -->
		<Rectangle Fill="White" Opacity="0.1" Height="28" VerticalAlignment="Top" />
		<Border Height="28" VerticalAlignment="Top">
			<TextBlock x:Name="Caption" Foreground="#C0C000" Text="Loading..." FontFamily="Trebuchet MS" FontSize="16" HorizontalAlignment="Center" VerticalAlignment="Center" />
		</Border>

		<!-- Progress bar for download progress -->
		<ProgressBar x:Name="Progress" Width="512" Height="16" VerticalAlignment="Center" />
	</Grid>
</UserControl>
